<template>
  <el-tabs v-model="activeName" type="card">
    <el-tab-pane label="企业配置" name="corp">
      <corp-tab />
    </el-tab-pane>
    <el-tab-pane label="工行支付配置" name="icbcPay">
      <icbc-pay-tab />
    </el-tab-pane>
    <el-tab-pane label="微信支付配置" name="wechatPay">
      <wechat-pay-tab />
    </el-tab-pane>
    <!-- <el-tab-pane label="微信支付配置" name="wx">
      <wx-pay-tab />
    </el-tab-pane>
    <el-tab-pane label="支付宝支付配置" name="zfb">
      <zfb-pay-tab />
    </el-tab-pane>
    <el-tab-pane label="线上销售区域" name="sale">
      <online-tab />
    </el-tab-pane>
    <el-tab-pane v-if="userInfo.userCode === '007'" label="工行支付配置" name="icbc">
      <icbc-tab />
    </el-tab-pane> -->
  </el-tabs>
</template>

<script>
  import CorpTab from './CorpTab'
  import IcbcPayTab from './icbcPayTab'
  import WechatPayTab from './wechatPayTab'
  // import WxPayTab from './WxPayTab'
  // import ZfbPayTab from './ZFBPayTab'
  // import OnlineTab from './OnlineSaleAreaTab'
  // import IcbcTab from './IcbcTab'
  import { mapGetters } from 'vuex'

  export default {
    name: 'companyInfo',
    components: {
      CorpTab, IcbcPayTab, WechatPayTab
      // , WxPayTab, ZfbPayTab, OnlineTab
    },
    data() {
      return {
        activeName: 'corp'
      }
    },
    computed: {
      ...mapGetters([
        'userInfo'
      ])
    }
  }
</script>

<style scoped>

</style>
